<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>歌单广场</title>
    <link rel="stylesheet" href="../css/playlist.css">
  </head>
  <body>
    <!-- 歌单广场的头部 -->
    <div class="playlist_header">
      <div class="playlist_header_title clearfix">
        <div class="playlist_logo">
          <img src="../image/playlist_img/demologo.png" alt="">
        </div>
        <ul>
          <li><a href="./index.html" id="index">首页</a></li>
          <li><a href="#">音乐馆</a></li>
          <li><a href="./mymusic.html" id="mymusic">我的音乐</a></li>
          <li><a href="#">客户端</a></li>
          <li><a href="#">音乐号</a></li>
        </ul>
        <input type="text" placeholder="搜索音乐、歌手、MV、歌单" name="search" value="" autocomplete="off" maxlength="16">
        <input type="button">
        <a href="javascript:;"><img src="" alt="" id="user_img"></a>
      </div>
    </div>
    <!-- 歌单广场的主体部分 -->
    <div class="main">
      <div class="playlist_tag">
        <!-- 导航菜单栏 -->
        <div class="plyalist_tagmenu clearfix">
          <div class="playlist_list playlist_list1">
            <h3>语种</h3>
            <ul>
              <li><a href="javascript:;">国语</a></li>
              <li><a href="javascript:;">英语</a></li>
              <li><a href="javascript:;">韩语</a></li>
              <li><a href="javascript:;">粤语</a></li>
              <li><a href="javascript:;">日语</a></li>
              <li><a href="javascript:;" class="playlist_more" id="more1">更多<i class="playlist_arrow" id="down1"></i></a></li>
            </ul>
          </div>
          <div class="popup_tag" id="desc1">
            <ul class="clearfix">
              <li><a href="javascript:;">小语种</a></li>
              <li><a href="javascript:;">闽南语</a></li>
              <li><a href="javascript:;">法语</a></li>
              <li><a href="javascript:;">拉丁语</a></li>
            </ul>
          </div>
          <div class="playlist_list playlist_list2">
            <h3>流派</h3>
            <ul>
              <li><a href="javascript:;">流行</a></li>
              <li><a href="javascript:;">轻音乐</a></li>
              <li><a href="javascript:;">摇滚</a></li>
              <li><a href="javascript:;">民谣</a></li>
              <li><a href="javascript:;">R&B</a></li>
              <li><a href="javascript:;">嘻哈</a></li>
              <li><a href="javascript:;">电子</a></li>
              <li><a href="javascript:;">古典</a></li>
              <li><a href="javascript:;" class="playlist_more" id="more2">更多<i class="playlist_arrow" id="down2"></i></a></li>
            </ul>
          </div>
          <div class="popup_tag" id="desc2">
            <ul class="clearfix">
              <li><a href="javascript:;">乡村</a></li>
              <li><a href="javascript:;">蓝调</a></li>
              <li><a href="javascript:;">爵士</a></li>
              <li><a href="javascript:;">新世纪</a></li>
              <li><a href="javascript:;">拉丁</a></li>
              <li><a href="javascript:;">后摇</a></li>
              <li><a href="javascript:;">中国传统</a></li>
              <li><a href="javascript:;">世界音乐</a></li>
            </ul>
          </div>
          <div class="playlist_list playlist_list3">
            <h3>主题</h3>
            <ul>
              <li><a href="javascript:;">ACG</a></li>
              <li><a href="javascript:;">经典</a></li>
              <li><a href="javascript:;">网络歌曲</a></li>
              <li><a href="javascript:;">影视</a></li>
              <li><a href="javascript:;">KTV热歌</a></li>
              <li><a href="javascript:;">儿歌</a></li>
              <li><a href="javascript:;">中国风</a></li>
              <li><a href="javascript:;">古风</a></li>
              <li><a href="javascript:;" class="playlist_more" id="more3">更多<i class="playlist_arrow" id="down3"></i></a></li>
            </ul>
          </div>
          <div class="popup_tag" id="desc3">
            <ul class="clearfix">
              <li><a href="javascript:;">情歌</a></li>
              <li><a href="javascript:;">城市</a></li>
              <li><a href="javascript:;">现场音乐</a></li>
              <li><a href="javascript:;">背景音乐</a></li>
              <li><a href="javascript:;">佛教音乐</a></li>
              <li><a href="javascript:;">UP主</a></li>
              <li><a href="javascript:;">乐器</a></li>
              <li><a href="javascript:;">MC喊麦</a></li>
              <li><a href="javascript:;">DJ</a></li>
            </ul>
          </div>
          <div class="playlist_list playlist_list2">
            <h3>心情</h3>
            <ul>
              <li><a href="javascript:;">伤感</a></li>
              <li><a href="javascript:;">安静</a></li>
              <li><a href="javascript:;">快乐</a></li>
              <li><a href="javascript:;">治愈</a></li>
              <li><a href="javascript:;">励志</a></li>
              <li><a href="javascript:;">甜蜜</a></li>
              <li><a href="javascript:;">寂寞</a></li>
              <li><a href="javascript:;">宣泄</a></li>
              <li><a href="javascript:;">思念</a></li>
            </ul>
          </div>
          <div class="playlist_list playlist_list2 playlist_none">
            <h3>场景</h3>
            <ul>
              <li><a href="javascript:;">睡前</a></li>
              <li><a href="javascript:;">夜店</a></li>
              <li><a href="javascript:;">学习</a></li>
              <li><a href="javascript:;">运动</a></li>
              <li><a href="javascript:;">开车</a></li>
              <li><a href="javascript:;">约会</a></li>
              <li><a href="javascript:;">工作</a></li>
              <li><a href="javascript:;">旅行</a></li>
              <li><a href="javascript:;" class="playlist_more" id="more4">更多<i class="playlist_arrow" id="down4"></i></a></li>
            </ul>
          </div>
          <div class="popup_tag" id="desc4">
            <ul class="clearfix">
              <li><a href="javascript:;">派对</a></li>
              <li><a href="javascript:;">婚礼</a></li>
              <li><a href="javascript:;">咖啡馆</a></li>
              <li><a href="javascript:;">跳舞</a></li>
              <li><a href="javascript:;">校园</a></li>
            </ul>
          </div>
        </div>
        <div class="playlist_detail">
          <p>全部歌单</p>
          <div>
            <a href="javascript:;" id="recom">推荐</a>
            <a href="javascript:;" id="newest">最新</a>
          </div>
        </div>
      </div>
      <div class="playlist_box">
        <ul class="playlist_box_list clearfix playlist_box_list1" id="playlist_new">
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img1.jpg" alt="">
            </div>
            <p>韩流先锋 | 被冠以国民称号的韩国艺人</p>
            <div class="playlist_other">
              <a href="javascript:;">eric</a>
              <p>播放量：82.6万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img2.jpg" alt="">
            </div>
            <p>助眠白噪音：调整开学生物钟</p>
            <div class="playlist_other">
              <a href="javascript:;">zona</a>
              <p>播放量：178.8万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img3.jpg" alt="">
            </div>
            <p>当代古典乐：走进孤独患者的禁地</p>
            <div class="playlist_other">
              <a href="javascript:;">冰的糖葫芦</a>
              <p>播放量：341.1万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img4.jpg" alt="">
            </div>
            <p>刺激不！老板上班都要偷偷听的百首热歌</p>
            <div class="playlist_other">
              <a href="javascript:;">DJ顾念晨</a>
              <p>播放量：2148.9万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img5.jpg" alt="">
            </div>
            <p>涨知识：那些以提琴为前奏的韩语歌</p>
            <div class="playlist_other">
              <a href="javascript:;">金琳达</a>
              <p>播放量：40.6万</p>
            </div>
          </li>

          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img6.jpg" alt="">
            </div>
            <p>简单易学！学姐推荐的入门瑞典电音</p>
            <div class="playlist_other">
              <a href="javascript:;">枯燥的读书人</a>
              <p>播放量：21.7万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img7.jpg" alt="">
            </div>
            <p>站内评论999+超热日语精选</p>
            <div class="playlist_other">
              <a href="javascript:;">私に闻いて风i</a>
              <p>播放量：6833.2万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img8.jpg" alt="">
            </div>
            <p>来一车中国风小说，我还可以继续看！</p>
            <div class="playlist_other">
              <a href="javascript:;">鹿尔</a>
              <p>播放量：324.5万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img9.jpg" alt="">
            </div>
            <p>诗和远方！我把思绪写在民谣里</p>
            <div class="playlist_other">
              <a href="javascript:;">旁白</a>
              <p>播放量：807.2万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img10.jpg" alt="">
            </div>
            <p>都怪这些慵懒爵士！害我变成了胖子</p>
            <div class="playlist_other">
              <a href="javascript:;">还不是因为你长得不好看</a>
              <p>播放量：81.5万</p>
            </div>
          </li>

          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img11.jpg" alt="">
            </div>
            <p>4500高冷海拔之地！空灵的入耳藏语歌</p>
            <div class="playlist_other">
              <a href="javascript:;">Kiss Me</a>
              <p>播放量：89.4万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img12.jpg" alt="">
            </div>
            <p>欧美男男二人组，果然男孩更懂男孩</p>
            <div class="playlist_other">
              <a href="javascript:;">fashion姐</a>
              <p>播放量：66.1万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img13.jpg" alt="">
            </div>
            <p>滚石评最伟大乡村音乐Top 100</p>
            <div class="playlist_other">
              <a href="javascript:;">野食大哥</a>
              <p>播放量：500.3万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img14.jpg" alt="">
            </div>
            <p>成为学霸的第一步就是找对学习BGM</p>
            <div class="playlist_other">
              <a href="javascript:;">青栀</a>
              <p>播放量：213.7万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img15.png" alt="">
            </div>
            <p>***music48</p>
            <div class="playlist_other">
              <a href="javascript:;">达人周末</a>
              <p>播放量：298.0万</p>
            </div>
          </li>

          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img16.jpg" alt="">
            </div>
            <p>泪目：再被你提起，已是连名带姓</p>
            <div class="playlist_other">
              <a href="javascript:;">还不是因为你长得不好看</a>
              <p>播放量：211.9万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img17.jpg" alt="">
            </div>
            <p>孤独患者散步时听的百首日系民谣</p>
            <div class="playlist_other">
              <a href="javascript:;">我是个讲道理的人</a>
              <p>播放量：278.6万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img18.jpg" alt="">
            </div>
            <p>Chillwave｜寒潮席卷，如梦须臾念</p>
            <div class="playlist_other">
              <a href="javascript:;"></a>
              <p>播放量：36.7万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img19.jpg" alt="">
            </div>
            <p>律动R&B · 欧美女声</p>
            <div class="playlist_other">
              <a href="javascript:;">风少</a>
              <p>播放量：208.8万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlist_img20.jpg" alt="">
            </div>
            <p>韩式后摇：静享城市孤独的夜色</p>
            <div class="playlist_other">
              <a href="javascript:;">设计狗</a>
              <p>播放量：111.9万</p>
            </div>
          </li>
        </ul>

        <ul class="playlist_box_list clearfix playlist_box_list2" id="playlist_recom">
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img1.jpg" alt="">
            </div>
            <p>ACG管弦鸣奏 · 风声里的自由</p>
            <div class="playlist_other">
              <a href="javascript:;">胖虎御用铲屎官</a>
              <p>播放量：33.7万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img2.jpg" alt="">
            </div>
            <p>豆瓣2018年最高评分专辑Top 10</p>
            <div class="playlist_other">
              <a href="javascript:;">疯狂的Max</a>
              <p>播放量：6.8万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img3.jpg" alt="">
            </div>
            <p>《福布斯》评2018九大超级英雄电影</p>
            <div class="playlist_other">
              <a href="javascript:;">Coco_雪梨冰糖</a>
              <p>播放量：11.6万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img4.jpg" alt="">
            </div>
            <p>毕赣导演最近循环的歌曲</p>
            <div class="playlist_other">
              <a href="javascript:;">电影《地球最后的夜晚》</a>
              <p>播放量：66.1万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img5.jpg" alt="">
            </div>
            <p>Pitchfork读者票选2018年50佳专辑</p>
            <div class="playlist_other">
              <a href="javascript:;">桃Tao音乐志</a>
              <p>播放量：4.2万</p>
            </div>
          </li>

          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img6.jpg" alt="">
            </div>
            <p>温暖你的冬天：环球君的圣诞快乐歌</p>
            <div class="playlist_other">
              <a href="javascript:;">环球音乐古典及爵士</a>
              <p>播放量：2.5万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img7.jpg" alt="">
            </div>
            <p>Pitchfork读者票选最佳单曲Top 50</p>
            <div class="playlist_other">
              <a href="javascript:;">Coco_雪梨冰糖</a>
              <p>播放量：9.4万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img8.jpg" alt="">
            </div>
            <p>日本oricon 2018专辑榜年榜Top 50</p>
            <div class="playlist_other">
              <a href="javascript:;">桃Tao音乐志</a>
              <p>播放量：8.9万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img9.jpg" alt="">
            </div>
            <p>受James Brown启发的歌手</p>
            <div class="playlist_other">
              <a href="javascript:;">Krystal Lee</a>
              <p>播放量：5.1万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img10.jpg" alt="">
            </div>
            <p>2018北美巡演票房收入艺人Top 200</p>
            <div class="playlist_other">
              <a href="javascript:;">11iiiiizh</a>
              <p>播放量：13.9万</p>
            </div>
          </li>

          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img11.jpg" alt="">
            </div>
            <p>BBC评2018年最佳电影Top 10</p>
            <div class="playlist_other">
              <a href="javascript:;">涩涩的大棕熊</a>
              <p>播放量：2.9万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img12.jpg" alt="">
            </div>
            <p>2018年全球票房Top 10电影</p>
            <div class="playlist_other">
              <a href="javascript:;">Sugarbling。Ada</a>
              <p>播放量：11.3万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img13.jpg" alt="">
            </div>
            <p>RIAA美国唱片协会2018认证之最</p>
            <div class="playlist_other">
              <a href="javascript:;">桃Tao音乐志</a>
              <p>播放量：9.8万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img14.jpg" alt="">
            </div>
            <p>2018年度单曲评论量 Top 100</p>
            <div class="playlist_other">
              <a href="javascript:;">歌单狂魔</a>
              <p>播放量：729.8万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img15.jpg" alt="">
            </div>
            <p>2018年度单曲弹幕量 Top 100</p>
            <div class="playlist_other">
              <a href="javascript:;">歌单狂魔</a>
              <p>播放量：208.3万</p>
            </div>
          </li>

          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img16.jpg" alt="">
            </div>
            <p>2018年度古风热歌 Top 50</p>
            <div class="playlist_other">
              <a href="javascript:;">歌单狂魔</a>
              <p>播放量：1827.4万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img17.jpg" alt="">
            </div>
            <p>COMFESSION: 法国电音厂牌</p>
            <div class="playlist_other">
              <a href="javascript:;">DesTiny</a>
              <p>播放量：7.1万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img18.jpg" alt="">
            </div>
            <p>2018年度欧美热歌 Top 100</p>
            <div class="playlist_other">
              <a href="javascript:;">歌单狂魔</a>
              <p>播放量：2429.6万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img19.jpg" alt="">
            </div>
            <p>2018年度单曲分享量Top 100</p>
            <div class="playlist_other">
              <a href="javascript:;">歌单狂魔</a>
              <p>播放量：2580.4万</p>
            </div>
          </li>
          <li>
            <div class="playlist_item">
              <a href="javascript:;"></a>
              <img src="../image/playlist_img/playlisthot_img20.jpg" alt="">
            </div>
            <p>2018豆瓣年度电影榜单</p>
            <div class="playlist_other">
              <a href="javascript:;">Sugarbling。Ada</a>
              <p>播放量：8.5万</p>
            </div>
          </li>
        </ul>
      </div>
    </div>
    <!-- 底部开始 -->
    <div class="footer">
      <div class="footer_cont clearfix">
        <div class="footer_cont_left">
          <ul class="clearfix">
            <li><a href="#">关于我们</a></li>
            <li><a href="#">版权声明</a></li>
            <li><a href="#">诚聘英才</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">历史合作</a></li>
            <li><a href="#">唱片公司</a></li>
            <li><a href="#">广告服务</a></li>
            <li><a href="#">友情连接</a></li>
            <li class="cont_left_end"><a href="#">帮助中心</a></li>
          </ul>
          <p>Copyright&nbsp;&copy;2021&nbsp;HuanTingMusic&nbsp;All&nbsp;Rights&nbsp;Reserved</p>
        </div>
        <div class="footer_cont_right">
          <ul>
            <li class="cont_right_start">关注我们</li>
            <li><a href="#"><img src="../image/playlist_img/index1.png" alt=""></a></li>
            <li><a href="#"><img src="../image/playlist_img/index2.png" alt=""></a></li>
            <li>
              <a href="#"><img src="../image/playlist_img/index3.png" alt=""></a>
              <div><img src="../image/playlist_img/wx.jpg" alt=""></div>
            </li>
            <li><a href="#"><img src="../image/playlist_img/index4.png" alt=""></a></li>
            <li><a href="#"><img src="../image/playlist_img/index5.png" alt=""></a></li>
          </ul>
        </div>
      </div>
    </div>
  </body>
  <script src="../js/playlist_js/describe.js"></script>
  <script src="../js/playlist_js/switch.js"></script>
  <script src="../js/playlist_js/playlist.js"></script>
</html>